<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>用户</title>

		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" type="text/css" href="./css/main.css">
		<link rel="stylesheet" type="text/css" href="./css/footer.css">
		<link rel="stylesheet" type="text/css" href="./css/header.css">
		
		
<style type="text/css">

.pro-list {
	width: 100%;
	padding-left: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pro-list span {
	background-color: #a6a6a6;
	color: white;
	font-weight: bold;
	width: 100px;
	height: 26px;
	display: block;
	text-align: center;
	vertical-align: middle;
	line-height: 26px;
	margin-bottom: -9px;
}

.pro-list hr {
	margin-left: -12px;
	border: #a6a6a6 1px solid;
	width: 958px;
}

.pro-list .pro-list-items {
	background-color: #f5f5f5;
	width: 100%;
	margin-top: -7px;
	margin-left: -12px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.pro-list .pro-list-items div {
	margin-left: 20px;
}

.products {
	text-align: left;
	color: #333;
}
.products a {
	font-weight: bold;
}
.products table { margin-left: -20px;}
.products table td {  padding:0; text-align: left;}
.pro-first-td { width: 150px;}
.products ul,.products li {
	list-style: none;
	text-align: left;
}

.products li {
	padding-bottom: 5px;
	padding-top: 5px;
	display: block;
	border-bottom: 1px dashed #999;
	margin-right: 30px;
}

/*.products li { float: left;  padding-right: 10px; margin-bottom: 10px;}*/
.products li div {
	font-size: 14px;
	margin-bottom: 5px;
}

.products li div a img {
	border: 0px;
}

.products li div a {
	font-size: 14px;
}

.one-pro-first {
	margin-left: -25px;
}

.pro-desc {
	padding-left: 20px;
}

.pro-desc table td {
	padding-top: 4px;
}


.no-header .pro-first-td {
	width: 50px;
}
.no-header td, .no-header div {
	padding: 0;
	margin: 0;
}
</style>
		<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
		<style type="text/css">
.reg-instruct {
	width: 100%;
	height: 38px;
	background-color: #EE7700;
}

.reg-buzhou {
	text-align: left;
	padding-top: 5px;
	padding-left: 30px;
}

.reg-instruct table {
	color: white;
	font-size: 15px;
	vertical-align: bottom;
	font-family: 幼圆;
	font-weight: bolder;
}

.reg-instruct td {
	font-size: 15px;
}

.account-info {
	width: 100%;
	padding-left: 40px;
	text-align: left;
}

.user-info .lst-td {
	text-align: right;
	padding-right: 15px;
	
}

.account-info .user-info td {
	padding-bottom: 3px;
	border-collapse: collapse;
}

.account-info table{
	color: #444;
	font-size: 14px;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}

.user-info {
	border: 1px solid #999;
	text-align:center;
	width: 100%;
}
.user-info .lst-tr td {
	padding-top :10px;
}
.footer-line {
	margin-left: 278px;
}
.user-info .left-align {
	text-align: left;
}
</style>
<!--[if IE]>
<style type="text/css">
.footer-line {
	margin-left:40px;
}
</style>
<![endif]-->
	</head>

	<body>
	
		
		<center>
			<div id="content">
				<DIV id="header">
					<DIV id="site-nav">
						<P id="login-info" class="login-info">
						您好，欢迎来Market！
						请<A href="login.html" target="_top">登录</A>免费<A href="register.html" target="_top">注册</A>
					</P>
					<UL class="quick-menu">
						<LI class="home">
							<A href="index.html">本站首页</A>
						</LI>
						<LI>
							<A href="shop.html" target="_top">我要买</A>
						</LI>
						<LI>
							<A href="publish.html" target="_top">我要卖</A>
						</LI>
						<LI>
							<A href="#" target="_top">我的商品<B></B>
							</A>
						</LI>

					</UL>
					</DIV>
				</DIV>
				<div style="text-align: left; padding-left: 20px;">
					<table cellpadding="0" cellspacing="0" border="0">
						<tr>
							<td>
								<img width="110" height="66" src="images/logo.gif" />
							</td>
							<td>
								<h2 style="color: #666; font-weight:bold;  margin-top: 20px;">
									个人中心
								</h2>
							</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="reg-instruct">
				<div class="content reg-buzhou">
					<table>
						<tr>
							<td>
								&gt;&gt;&nbsp;用户信息&nbsp;商品信息
							</td>
						</tr>
					</table>
				</div>
			</div>
			<div
				style="background-color: #fcf0e4; width: 100%; height: 5px; display: block;"></div>
			<br />
			<div class="content">
				<div class="account-info">
				<table>
					<tr>
						<td>
							<table class="user-info" cellpadding="7">
								<tr>
									<td width="50">帐号:</td>
									<td width="120" class="left-align">465454</td>
									<td width="*" colspan="3"></td>
								</tr>
								<tr>
									<td width="50">姓名:</td>
									<td width="120" class="left-align">李四</td>
									<td width="*" colspan="3"></td>
								</tr>
								<tr>
									<td width="50">固话:</td>
									<td width="120" class="left-align">56465453</td>
									<td width="50">手机:</td>
									<td width="120" class="left-align">56465453</td>
									<td width="*" colspan=""></td>
								</tr>
								<tr>
									<td width="50">QQ:</td>
									<td width="120" class="left-align">56465453</td>
									
									<td width="50">E-Mail:</td>
									<td width="120" class="left-align">56465453</td>
									<td width="*" colspan="" class="left-align"><input type="button" value="修改个人信息"></td>
								</tr>
							</table>
						</td>
					</tr>
					<tr>
					<td>
						<div class="pro-list">
				<span>我的商品</span>
				<hr />
				<div class="pro-list-items">
					<div>
						<select style="width: 100px;">
							<option value="">
								所在地
							</option>
							<option value="">
								广州
							</option>
							<option value="">
								深圳
							</option>
							<option value="">
								中山
							</option>
						</select>
						<select style="width: 100px; margin-left: 10px;">
							<option value="">
								默认排序
							</option>
							<option value="">
								按时间顺序
							</option>
							<option value="">
								按时间倒序
							</option>
							<option value="">
								按价格顺序
							</option>
							<option value="">
								按价格倒序
							</option>
						</select>
					</div>

					<div class="products">
						<ul>
							
							
							<li class="one-product one-pro-first no-header">
								<table width="100%">
									<tr>
										<td class="pro-first-td">
											<div>
												<a href="#"><img src="images/product.jpg" width="50"
														height="55">
												</a>
											</div>
										</td>
										<td>
											<div class="pro-desc">
												<a href="">iPhone4 </a>
												&nbsp;|&nbsp; 9成新 &nbsp;|&nbsp; 345元 &nbsp;|&nbsp; 
												广州当面交易 &nbsp;|&nbsp;&nbsp;<a href="">查看</a>
												 &nbsp;|&nbsp;&nbsp;<a href="">删除</a>
												
											</div>
										</td>
									</tr>
								</table>


							</li>
							
							<li class="one-product one-pro-first no-header">
								<table width="100%">
									<tr>
										<td class="pro-first-td">
											<div>
												<a href="#"><img src="images/product.jpg" width="50"
														height="55">
												</a>
											</div>
										</td>
										<td>
											<div class="pro-desc">
												<a href="">iPhone4 </a>
												&nbsp;|&nbsp; 9成新 &nbsp;|&nbsp; 345元 &nbsp;|&nbsp; 
												广州当面交易 &nbsp;|&nbsp;&nbsp;<a href="">查看</a>
												 &nbsp;|&nbsp;&nbsp;<a href="">删除</a>
												
											</div>
										</td>
									</tr>
								</table>


							</li>
							
						</ul>

					</div>
				</div>

			</div>
						
					</td></tr>
				</table>
					
				</div>
			</div>
			<hr class="footer-line" width="960" style="color: #DDD; " />
			<div class="footer">
				<div>
					<ul>
						<li>
							<a href="#">加入本站</a>
						</li>
						<li>
							<a href="#">收藏本站</a>
						</li>
						<li>
							<a href="#">搜索榜</a>
						</li>
						<li>
							<a href="#">关于我们</a>
						</li>
						<li>
							<a href="#">使用帮助</a>
						</li>
						<li>
							<a href="#">意见反馈</a>
						</li>
					</ul>
				</div>
				<div>
					copyright: XX证XX2141237 ©2010 market.com
				</div>
				<br />
				&nbsp;
				<br />
				&nbsp;
			</div>
		</center>
	</body>
</html>
